body{background:#1a1a1a;color:#FFF;cursor:default;font:11px/1.5em Arial,sans-serif;height:426px;left:50%;margin:-223px 0 0 -230px;position:absolute;top:50%;width:460px}a{color:#fff}a:hover{color:#666;}nav *,article * *{opacity:0;visibility:hidden}nav:hover *,article :hover *{opacity:1;visibility:visible}article header,nav,section{cursor:default;height:200px;left:0;overflow:hidden;padding:10px 20px;position:absolute;width:0}article header{background:#B58E3B;}section{background:#450101;left:140px}section:last-child{background:#e1a931;left:280px}nav{background:#310301;margin:0;left:420px}article header:hover,nav:hover,section:hover{left:0;width:420px;z-index:2;transition:all .5s ease}nav:hover{overflow:auto}section:hover{overflow:auto}nav ul{padding:0}nav li{display:inline-block;margin:0 15px 5px 0;width:46%}nav li:nth-child(2){clear:both}nav a:last-child{color:#666;}header h1{font:normal 11px verdana}article{display:block;height:215px}